* {
    margin : 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

html,
body {
    font-family: "微软雅黑", sans-serif;
}

#header {
    display   : flex;
    height    : 3.75rem;
    background: #ff841d;

    .a1 {
        display        : inline-block;
        padding        : 1.25rem 0 0 1.25rem;
        text-decoration: none;
        color          : white;
    }

    p {
        display: inline-block;
        font   : 1.375rem/ 3.75rem "";
        color  : white;
        margin : 0 auto;
    }

    img {
        height : 2.5rem;
        width  : 2.5rem;
        padding: .625rem .625rem 0 0;
    }
}

#product {
    #info {
        display      : flex;
        box-sizing   : border-box;
        margin-bottom: .625rem;
        flex-wrap    : wrap;

        li {
            width      : 45%;
            border     : .0625rem solid #ccc;
            padding    : .625rem .5rem;
            padding-top: 3.125rem;

            a {
                .img {
                    padding-left: 2.1875rem;
                    width       : 8.75rem;

                    img {
                        display: block;
                        width  : 8.75rem;
                        height : 8.75rem;
                    }
                }

                .title {
                    color        : black;
                    margin-bottom: .3125rem;
                    margin-top   : .3125rem;
                }

                .price {
                    color : #ff9000;
                    margin: 0 0 .625rem;
                }

                .form {
                    font-size: .8125rem;
                    color    : #9d9d9d;
                    margin   : 0 0 .625rem;
                }

            }
        }
    }

}

#footer {
    background: rgb(239, 239, 239);

    section {
        padding: .625rem;

        a {
            text-decoration : none;
            color           : #666;
            display         : block;
            font-size       : .8125rem;
            line-height     : 1.875rem;
            border-radius   : .3125rem;
            text-align      : center;
            border          : .0625rem solid #ddd;
            background-image: linear-gradient(#fff, #f4f4f4)
        }
    }

    .rank {
        background     : #ff841d;
        height         : 2.5rem;
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        padding        : 0 .625rem;
        margin-top     : .625rem;

        span:nth-of-type(1) {
            font-size  : 1.125rem;
            line-height: 2.5rem;
            color      : white;
        }

        img {
            width      : 1.25rem;
            height     : 1.25rem;
            padding-top: .3125rem;
        }


    }

    ul {
        display    : flex;
        flex-wrap  : wrap;
        padding-top: .625rem;

        a {
            flex: 1;

            li {

                list-style: none;
                text-align: center;
                color     : grey;
                font      : .875rem / 1.875rem "";
                border    : .0625rem solid #ccc;
            }
        }
    }

    .foot {
        height: 3.125rem;

        .p1 {
            padding-top: .625rem;
            font-size  : .625rem;
            text-align : center;

            span {
                color: rgb(110, 110, 110);
            }
        }

        .p2 {
            font-size : .5rem;
            text-align: center;
            color     : rgb(110, 110, 110);
        }
    }
}